<template>
  <div id="content">
    <slot></slot>
   
    <AppTabBar   v-if="['/','/Star','/Share','/My'].includes(currentRoute.fullPath)"/>
    <AppTerouro />
    <AppTurnTable />
    <AppRank />
    <AppTask />
    <AppLoginHome />
  </div>
</template>

<script setup lang="ts">
import {reactive} from "vue"
let {currentRoute} =useRouter()
console.log(currentRoute,'currentRoute');

</script>
<style lang="scss" scoped>
#content {
  width: 100%;
  background-color: #1a1a1a;
  min-height: 100vh;
  overflow-y: auto;
  margin: 0;

  &::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }

  @include flex(column, flex-start, start);

  .content {
    width: 100%;
  }


}
</style>
